<?php
    $_css = '<link href="css/image.css" rel="stylesheet" type="text/css" />';
    $_title = 'Image Search';
    include('./includes/header.php');
?>
<script type="text/javascript">
    $(document).ready(
            function (){
                var searchBoxDefaultValue = $("#searchBox").val();
                $("#searchBox").focus(
                        function (){
                            this.value ='';
                            $(this).css("color","black");
                        });
                $("#searchBox").blur(
                        function (){
                            if(this.value == ''){
                                $(this).css("color","gray");
                                this.value = searchBoxDefaultValue;
                            }
                        });

                $("#searchBtn").click(
                        function(){
                            alert($("#searchBox").val());
                        });
            });
</script>
<div id="searchContainer">
	<form action="../" method="post" enctype="multipart/form-data" name="search" target="_self">
		<input id="searchBox" name="searchBox" type="text" value="Search Starts Here..." />
		<br /><br />
		<input id="searchBtn" type="submit" value="Search" />
	</form>
</div>


<? include('./includes/footer.php') ?>